<!-- 品牌列表 -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE HTML>
<html>

<head>
<meta charset="utf-8">
<link
	href="${pageContext.request.contextPath}/css/bootstrap/bootstrap.min.css"
	rel="stylesheet">
<link href='${pageContext.request.contextPath}/css/designer/special.css'
	rel="stylesheet">
<link rel='stylesheet prefetch'
	href='${pageContext.request.contextPath}/css/designer/addSpecial.css'>
<link href="${pageContext.request.contextPath}/css/common/page.css"
	rel="stylesheet">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/common/jquery-1.9.1.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/common/kissy.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/common/waterfall.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/common/loader.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/common/base.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/designer/special.js"></script>


<title></title>

</head>

<body>
	<div id="container">
		<div class="ks-waterfall" id="add_special_div">
			<div class="add" style="height: 167px;">
				<a class="addHref" href="javascript:;"> <img
					src="../images/add.jpg">
				</a>
			</div>
		</div>
		<!--新增品牌弹出框-->
		<div class="hide-body-brand">
			<div class="close-window">
				<!-- 关闭窗口，也就是触发关闭div的事件-->
				<a href="javascript:;" title="关闭" class="close">×</a>
				<h4>新增品牌</h4>
			</div>
			<!-- 中间主体显示div 可以增加其他的样式-->
			<div class="login-body-brand dform">
				<ul>
					<li><label for="name">品牌名：</label> <input name="name"
						class="ipt name" type="text" id="name" value="" size="20" /></li>
					<li><label for="username">简介：</label> <textarea
							name="introduction" class="introduction"></textarea></li>
					<li><input id="add" class="btn btn-primary addbtn"
						type="button" name="submit" value="确定 " /> <input type="hidden"
						id="designer_id" value="${designer_id }"></li>
				</ul>
			</div>
		</div>
		<div class="body-color-brand"></div>
		<!--新增品牌弹出框结束-->
		<c:forEach var="data" items="${json.list}" varStatus="status">
			<div class="ks-waterfall">
				<div class="special">
					<div class="abs special_left">
						<a
							href="${pageContext.request.contextPath }/brand/brand_detail.do?brand_id=${data.id}&pageindex=1&pagesize=10">
							<img
							src="${pageContext.request.contextPath }/${data.clothings[0].photo_url1}">
						</a> <span class="num">服装数量 ${data.clothing_count }</span>
					</div>
					<div class="abs special_right">
						<a class="left delete" href="javascript:;"></a> <a class="right"
							href="${pageContext.request.contextPath}/design/deal_addDesign.do?designer_id=${designer_id}"></a>
					</div>
					<div class="twoinput">
						<input class="t" readonly value="${data.name }" title="点击修改名称" />
						<a style="display: none;" class="changeName">修改</a>
					</div>
				</div>
			</div>
			<input type="hidden" class="SpecialId" value="${data.id}" />
		</c:forEach>
		<!--删除弹出框-->
		<div class="hide-body-delete">
			<div class="close-window-delete">
				<!-- 关闭窗口，也就是触发关闭div的事件-->
				<a href="javascript:;" title="关闭" class="close-delete">×</a>
				<h5>删除品牌</h5>
			</div>
			<!-- 中间主体显示div 可以增加其他的样式-->
			<div class="login-body dform">
				<form class="signin" name="loginform" action="" method="post">
					<ol>
						<li><label for="username">确定删除?</label></li>
						<li><input class="btn btn-primary delbtn" type="button"
							name="submit" value="确定 " /></li>
					</ol>
				</form>
			</div>
		</div>
		<div class="body-delete"></div>
		<!--删除弹出框结束-->

		<script>
			KISSY.use("waterfall,ajax,node", function(S, Waterfall, io, Node) {
				var $ = Node.all;
				var waterfall = new Waterfall({
					container : "#container",
					minColCount : 2,
					colWidth : 190,
					align : "justify"
				});
			});
		</script>
	</div>
	<!--分页-->
	<div class="paging">
		<div style="display: none;">
			<span class="userTypeId">designer_id</span>
			<!--用户类型id-->
			<span class="pages">${json.property.pageCount}</span>
			<!--页数-->
			<span class="pageIndex">${json.property.pageIndex}</span>
			<!--当前页码-->
			<span class="pagesize">${json.property.pageSize}</span>
			<!--每页记录数-->
			<span class="pageMaxsize">9</span>
			<!--每页最多记录数-->
			<span class="hasNext">${json.property.hasNext}</span>
			<!--是否有下一页(boolean)-->
			<span class="userId">${designer_id}</span>
			<!--用户ID-->
			<span class="delete_url">/special/deleteSpecial.do</span>
			<!-- 删除专辑的url 参数为id-->
			<span class="selfUrl">/special/deal_special.do</span> <span
				class="reload_url">/special/deal_special.do</span>
			<!-- 重新加载页面的路径，无需参数！！！ -->
			<span class="update_url">/special/updateSpecial.do</span>
			<!-- 修改专辑的url，参数：id(专辑的id) designer_id(设计师id) name（专辑的新名字） -->
			<span class="add_url">/special/addSpecial.do</span>
			<!-- 新增专辑的url-->
			<span class="commonUrl">${pageContext.request.contextPath}</span>
			<!--绝对路径-->
		</div>
		<div class="showPaging">
			<a class="prev" href="javascript:;"> 上一页</a> <select class="pageNum">
				<option value="0">请选择跳转的页数</option>
				<option value="1">第1页</option>
			</select> <a class="next" href="javascript:;"> 下一页</a>
		</div>
	</div>

	<!--分页结束-->
</body>
</html>